/**
 * 引入全局常用字体 Start
 */
@font-face {
	font-family: Arial;
	src: local("Arial"), url("~@/public/fonts/Arial.woff") format('woff');
}
@font-face {
	font-family: Roboto;
	src: local("Roboto Medium"), url("~@/public/fonts/Roboto.woff") format('woff');
}
@font-face {
	font-family: Arial Black;
	src: local("Arial Black"), url("~@/public/fonts/ArialBlack.woff") format('woff');
}
/**
 * 引入全局常用字体 End
 */

/**
 * 全局底层样式 Start
 */
html{ //全局基础设置
	padding: 0 !important;
	touch-action: manipulation;
	text-size-adjust: 100% !important;
	-webkit-text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
page{ //全局背景色+文字样式
	background-color: #F2F5FA;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 1;
	color: #333333;
}
//适配iPhoneX以上机型的安全区 start
page {
	--safe-area-inset-top: 0rpx;
	--safe-area-inset-right: 0rpx;
	--safe-area-inset-bottom: 0rpx;
	--safe-area-inset-left: 0rpx;
}
@supports (top: constant(safe-area-inset-top)) {
	page {  
		--safe-area-inset-top: constant(safe-area-inset-top);  
		--safe-area-inset-right: constant(safe-area-inset-right);  
		--safe-area-inset-bottom: constant(safe-area-inset-bottom);  
		--safe-area-inset-left: constant(safe-area-inset-left);  
	}  

}
@supports (top: env(safe-area-inset-top)) {
	page {  
		--safe-area-inset-top: env(safe-area-inset-top);  
		--safe-area-inset-right: env(safe-area-inset-right);  
		--safe-area-inset-bottom: env(safe-area-inset-bottom);  
		--safe-area-inset-left: env(safe-area-inset-left);  
	}  
}
//适配iPhoneX以上机型的安全区 end
/**
 * 全局底层样式 End
 */

/**
 * 全局特殊样式 Start
 */
button::after{ //隐藏按钮边框
	border: none;
}
.container { //全局容器基础设置
	--safe-height: calc(100vh - var(--safe-area-inset-bottom) - var(--vh-offset, 0px));
	--tabbar-height: #{$tabbar-height};
	--navbar-height: #{$navbar-height};
	--status-bar-height: #{$status-bar-height};
}
/deep/ .uni-scroll-view-refresher{//配置全局下拉刷新动画
	background-image: url("~@/public/images/public/refresh_h.gif");
	background-repeat: no-repeat;
	background-size: 148rpx 72rpx;
	background-position: center center;
}
//全局隐藏scroll-view滚动条 start
/deep/ .uni-scroll-view{
	scrollbar-width: none;
	-ms-overflow-style: none;
}
/deep/ .uni-scroll-view::-webkit-scrollbar {
	display: none
}
//全局隐藏scroll-view滚动条 end
/**
 * 全局特殊样式 End
 */

/**
 * 常用布局样式 Start
 */
.mg20{
	margin: 0 20rpx;
}
.mt20{
	margin-top: 20rpx;
}
.mb20{
	margin-bottom: 20rpx;
}
.mt10{
	margin-top: 10rpx;
}
.ml20{
	margin-left: 10rpx;
}
.mr10{
	margin-right: 10rpx;
}
.pd20{
	padding: 0 20rpx;
}
.pt20{
	padding-top: 20rpx;
}
.pb20{
	padding-bottom: 20rpx;
}
.flex-r{
	display: flex;
	flex-direction: row;
}
.flex-c{
	display: flex;
	flex-direction: column;
}
.flex-w{
	display: flex;
	flex-wrap: wrap;
}
.flex-r, .flex-c{
	&.ac{
		align-items: center;
	}
	&.jc{
		justify-content: center;
	}
	&.jsb{
		justify-content: space-between;
	}
}
/**
 * 常用布局样式 End
 */

/**
 * 常用颜色 Start
 */
.color-red{
	color: #F23030;
}
.color-primary{
	color: #0055FF;
}
.color-blue{
	color: #4C88FF;
}
.color-black{
	color: #333333;
}
.color-white{
	color: #FFFFFF;
}
.color-grey{
	color: #999999;
}
.color-green{
	color: #50B250;
}
.color-yellow{
	color: #FF9000;
}
/**
 * 常用颜色 End
 */

/**
 * 常用文字字号 Start
 */
.text-large{
	font-size: 32rpx;
}
.text-primary{
	font-size: 30rpx;
}
.text-regular{
	font-size: 28rpx;
}
.text-secondary{
	font-size: 26rpx;
}
.text-small{
	font-size: 24rpx;
}
.text-info{
	font-size: 22rpx;
}
.text-mini{
	font-size: 20rpx;
}
.text-bold{
	font-weight: bold;
}
/**
 * 常用文字字号 End
 */

/**
 * 其他常用样式 Start
 */
.border-round{
	border-radius: 50%;
}
.delete{
	text-decoration: line-through;
}
.inherith{
	height: inherit;
}
.inheritw{
	width: inherit;
}
.inheritwh{
	width: inherit;
	height: inherit;
}
.text-hidden{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	&.two{
		white-space: normal;
		word-break: break-all;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.full-screen{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.4);
}
.no-select{
	user-select: none;
}
@mixin thinBorder($pos: bottom, $zindex: 1) {
	position: relative;
	&::after {
		content: "";
		position: absolute;
		#{$pos}: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ededed;
		@if $pos == top {
			transform: scaleY(0.5) translateY(-1px);
			transform-origin: 50% 0%;
		} @else {
			transform: scaleY(0.5) translateY(1px);
			transform-origin: 50% 100%;
		}
		z-index: $zindex;
	}
}
.thinborder-top{
	@include thinBorder(top)
}
.thinborder{
	@include thinBorder(bottom)
}
.navborder{
	@include thinBorder(bottom, 997)
}
.bottom-ios{
	padding-bottom: var(--safe-area-inset-bottom) !important;
}
/**
 * 其他常用样式 End
 */

/**
 * 公用业务样式 Start
 */
.ch-nav{
	@media screen and (min-width: $max-width){
		/deep/ .uni-navbar--fixed{
			max-width: $max-width;
			margin: $pc-margin;
			left: 0 !important;
			right: 0 !important;
		}
	}
	.title{
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		font-size: 36rpx;
		flex: 2;
		.bar-avatar{
			margin-right: 20rpx;
			width: 48rpx;
			height: 48rpx;
			border-radius: 50%;
		}
	}
	.left{
		width: 48rpx;
		height: 48rpx;
		margin-left: 20rpx;
	}
	.right{
		width: 40rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}
}
.tag-gold, .tag-red, .tag-blue, {
	border-radius: 4rpx;
	font-size: 20rpx;
	font-weight: 500;
	width: fit-content;
	padding: 6rpx 14rpx;
	display: flex;
	align-items: center;
	
}
.tag-gold{
	margin-right: 10rpx;
	background: #F9F4EB;
	color: #BFA069;
}
.tag-red{
	margin-right: 10rpx;
	background: #FFF2F2;
	color: #F23030;
}
.tag-blue{
	margin-right: 10rpx;
	background: #F4F8FF;
	color: #4C88FF;
}
.tag-season{
	color: #FFF;
	&.rank1{
		background: linear-gradient(90deg, #FFB700 0%, #FFD400 100%);
	}
	&.rank2{
		background: linear-gradient(90deg, #ADB8CC 0%, #CFD6E6 100%);
	}
	&.rank3{
		background: linear-gradient(90deg, #BF7C60 0%, #E6B5A1 100%);
	}
}
.tag-matchRed,.tag-season{
	margin-right: 10rpx;
	border-radius: 4rpx;
	font-size: 20rpx;
	font-weight: 500;
	width: fit-content;
	// height: 32rpx;
	padding: 6rpx 14rpx;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	background: linear-gradient(90deg, #990000 0%, #FF0000 100%);
}
.expert-note{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -10rpx;
	right: -10rpx;
	box-sizing: border-box;
	background: $uni-primary;
	border: 4rpx solid #FFFFFF;
	border-radius: 18rpx;
	height: 36rpx;
	min-width: 36rpx;
	padding: 0 9rpx;
	text{
		font-size: 20rpx;
		line-height: 20rpx;
		font-family: Arial;
		color: #FFFFFF;
	}
	&.round{
		border-radius: 50%;
	}
}
.author-result-score{
	.result-score{
		align-items: flex-end;
		justify-content: flex-end;
		font-size: 40rpx;
		font-family: Arial;
		font-weight: bold;
		color: $uni-primary;
		text:first-child{
			line-height: 0.9;
		}
		text:last-child{
			font-size: 22rpx;
		}
	}
	.result-des{
		text-align: right;
		margin-top: 12rpx;
		font-size: 20rpx;
		line-height: 0.9;
		white-space: nowrap;
	}
}
.ball{
	margin-right: 16rpx;
	width: 48rpx;
	height: 48rpx;
	/* background-size: 100%;
	background-repeat: no-repeat;
	&.red{
		background-image: url("~@/public/images/public/h_bg.png");
	}
	&.black{
		background-image: url("~@/public/images/public/ha_bg.png");
		&.continue{
			background-image: url("~@/public/images/public/he2_bg.png");
		}
	}
	&.yellow{
		background-image: url("~@/public/images/public/ezy_bg.png");
	}
	&.water{
		background-image: url("~@/public/images/public/zs_bg.png");
	} */
}
.list-end{
	align-items: center;
	justify-content: center;
	text{
		font-size: 24rpx;
		color: #B3B3B3;
		margin: 0 20rpx;
	}
	.list-end-line{
		width: 30rpx;
		height: 1rpx;
		background: #CCCCCC;
	}
	/* &.mt30{
		margin-top: 30rpx;
	}
	&.mb30{
		margin-bottom: 30rpx;
	}
	&.pt30{
		padding-top: 30rpx;
	}
	&.pb30{
		padding-bottom: 30rpx;
	} */
}
.submit-box {
	margin: 60rpx 0 0 0;
	button{
		width: 100%;
		height: 96rpx;
		line-height: 96rpx;
		box-sizing: border-box;
		border-radius: 48rpx;
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		background-color: #B2CCFF;
		padding: 0;
		margin: 0;
		&.active{
			background-color: #0055FF;
		}
	}
}
.html-content{
	//max-width: 670rpx !important;
	//text-align: justify;
	font-size: 30rpx;
	line-height: 1.5;
	letter-spacing: 2rpx;
	word-break: break-all;
	overflow-x: hidden;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
	body{
		margin: 0;
		padding: 0;
		color:#333333;
		background: #FFFFFF;
	}
	div, p {
		margin: 15rpx 0;
	}
	img{
		display: inline-block;
		max-width: 100% !important;
		height: auto !important;
		vertical-align: middle;
		margin: 10rpx 0;
		border-radius: 10rpx;
	}
}
/**
 * 公用业务样式 End
 */